<!DOCTYPE html>
<html lang="en">

  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>订单中心</title>
    <link rel="stylesheet" href="../css/until.css">
    <link rel="stylesheet" href="../css/orderActivity.css">
  </head>

  <body>
    <div class="wraaper">
      <div class="all-order-title">
        <img src="../images/order01.png" alt="" class="allOrder-img">
        <span class="order-title">全部订单</span>
      </div>
      <!-- 导航 -->
      <div class="order-nav">
        <ul class="nav-ul">
          <li class="nav-li">待付款</li>
          <li class="nav-li">待付款</li>
          <li class="nav-li">待付款</li>
          <li class="nav-li">待付款</li>
        </ul>
      </div>

      <!-- 下单时间 -->
      <div class="order-time">
        <p class="or-time">
          下单时间：
          <span class="or-time1">2017-09-09</span>
          <span class="or-time1 time">00:00:00</span>
        </p>
        <p class="or-time">
          订单编号：1234567890
        </p>
      </div>

      <!-- 商品 -->
      <div class="product">
        <ul class="product-ul">
          <li class="product-li">
            <div class="product-img fl">
              <img src="../images/prcoduct.png" alt="" class="product-dl-img">
            </div>
            <div class="product-dd fl">
              <div class="product-info">
                <p class="product-p">麦卡伦1824大师系列晖钻</p>
                <p class="product-p">单一麦芽威士忌</p>
                <p class="product-p sku">SKU</p>
              </div>

              <div class="price-count fr">
                <p class="product-p price">¥2,999</p>
                <p class="product-p num fr">x1</p>
              </div>
            </div>
          </li>
        </ul>
      </div>

      <!-- 价钱 -->
      <div class="allPrice">
        <p class="all-price fr">共4件商品 合计:
          <span class="yhPrice">¥64,599</span>
        </p>
      </div>
    </div>
  </body>

</html>